<template>
  <div class="empty-container">
    <Icon type="empty" />
    <p>{{ text }}</p>
  </div>
</template>

<script setup lang="ts">
defineProps({
  text: {
    type: String,
    default: '无数据'
  }
})
</script>

<style scoped lang="scss">
@import '@/styles/mixin.scss';
@import '@/styles/var.scss';

.empty-container {
  @include self-center();
  color: $gray;
  text-align: center;
}

.icon-container {
  font-size: 72px;
}
</style>
